﻿<!DOCTYPE html>
<html>
<head>
    <title>海印剧院</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <!--公有引用-->
    <link rel="stylesheet" href="../css/weui.css" />
    <link rel="stylesheet" href="../css/weui2.css" />
    <link rel="stylesheet" href="../css/weui3.css" />

    <script src="../js/zepto.min.js"></script>
    
</head>
<body>
    <!--轮播广告-->
    <div class="slide">
        <ul>
            <li>
                <a href="detail.html">
                    <img src="../cdnimg/1.jpg" data-src="../cdnimg/1.jpg" alt="" />
                </a>
            </li>
            <li>
                <a href="detail.html">
                    <img src="../cdnimg/2.jpg" data-src="../cdnimg/2.jpg" alt="" />
                </a>
            </li>
            <li>
                <a href="detail.html">
                    <img src="../cdnimg/3.jpg" data-src="../cdnimg/3.jpg" alt="" />
                </a>
            </li>
        </ul>
        <div class="dot">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!--列表-->
    <ul class="imglist">
        <li>
            <a href="detail.html">
                <img src="../cdnimg/a1.jpg" />
            </a>
        </li>
        <li>
            <a href="detail.html">
                <img src="../cdnimg/a2.jpg" />
            </a>
        </li>
        <li>
            <a href="detail.html">
                <img src="../cdnimg/a3.jpg" />
            </a>
        </li>
    </ul>
    <!--底部导航-->
    <div class="weui-loadmore weui-loadmore-line">
        <span class="weui-loadmore-tips">暂无数据</span>
    </div>
    <div class="weui_tab tab-bottom">
        <div class="weui_tabbar">
            <a href="index.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_trailer_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">预告</p>
            </a>
            <a href="list.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_show_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">演出</p>
            </a>
            <a href="member.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_mine_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">我的</p>
            </a>
        </div>
    </div>
    <!--页面私有引用-->
    <script src="../js/swipe.js"></script>
    <script type="text/javascript">
        //图片轮播
        $(function () {            
            $('.slide').swipeSlide({
                autoSwipe: true,//自动切换
                speed: 3000,//速度
                continuousScroll: true,//连续滚动
                transitionType: 'cubic-bezier(0.22, 0.69, 0.72, 0.88)',//过渡动画linear/ease/ease-in/ease-out/ease-in-out/cubic-bezier
                lazyLoad: true,//图片懒加载
                firstCallback: function (i, sum, me) {
                    //页面加载回调
                    me.find('.dot').children().first().addClass('cur');
                },
                callback: function (i, sum, me) {
                    //每次滚动回调
                    me.find('.dot').children().eq(i).addClass('cur').siblings().removeClass('cur');
                }
            });
        });
        //底部导航
        $(function () {
            var filename = location.href.substring(0, location.href.lastIndexOf('/'));
            filename = (filename.substr(filename.lastIndexOf('/') + 1) + "/" + location.href.substr(location.href.lastIndexOf('/') + 1)).toLowerCase();
            var weui_tabbar = $(".weui_tabbar").children("a");
            switch (filename) {
                case "web/index.html":
                    weui_tabbar.eq(0).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_trailer_selected.png");
                    break;
                case "web/list.html": case "web/detail.html":
                    weui_tabbar.eq(1).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_show_selected.png");
                    break;
                case "web/member.html": 
                    weui_tabbar.eq(2).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_mine_selected.png");
                    break;
            }
        });
    </script>
   
</body>
</html>
